@import "../../assets/styles/theme.module.scss/";
.dashboard_n_progress {
  width: 100%;
  height: 0.3rem;
  border-radius: 1.3rem;
  position: relative;
  background-color: rgba($color: $main_light, $alpha: 0.4);
  cursor: pointer;
  .dashboard_nprogress_line {
    height: 0.3rem;
    background-color: $main_light;
    border-radius: 1.3rem;
    top: 0;
    left: 0;
    transition: 0.3s;
    position: relative;
    // &::after {
    //   height: 0.3rem;
    //   width: 0.3rem;
    //   content: "";
    //   background-color: rgba($color: #fff, $alpha: 0.6);
    //   display: inline-block;
    //   position: absolute;
    //   border-radius: 50%;
    //   top: 0;
    //   animation: move-right 1.3s linear infinite var(--animation-duration);
    // }
    &::before {
      height: 0.3rem;
      width: 0.3rem;
      content: "";
      background-color: rgba($color: #fff, $alpha: 1);
      display: inline-block;
      position: absolute;
      border-radius: 50%;
      top: 0;
      right: 0;
    }
  }
}

@keyframes move-right {
  from {
    left: -10px; /* 从容器左侧外开始 */
  }
  to {
    left: calc(100%); /* 走过整个容器的宽度 */
  }
}
